<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!-- 页面meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>投票管理 - 选项详情</title>
<meta name="description" content="选项详情">
<meta name="keywords" content="选项详情">
<meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
<link rel=“stylesheet” href="${pageContext.request.contextPath}/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/ionicons/css/ionicons.min.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/iCheck/square/blue.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/morris/morris.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/datepicker/datepicker3.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.theme.default.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/select2/select2.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/adminLTE/css/AdminLTE.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/adminLTE/css/skins/_all-skins.min.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.skinNice.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/bootstrap-slider/slider.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.css">
</head>
<style>
	.icon {
		width: 2em;
		height:2em;
		vertical-align: -0.15em;
		fill: currentColor;
		overflow: hidden;
	}
	.panel >table{
		background-image: url(${pageContext.request.contextPath}/img/bgImg.jpg);
		margin: auto;
		width: 1200px;
	}
	.panel-default > .panel-heading{
		background-color: #0086B3;
	}
</style>

<body class="hold-transition skin-blue sidebar-mini">
			<!-- 正文区域 -->
			<section class="container-fluid">
			<div class="panel panel-default">
				<div class="panel-heading">
						<h2 style="text-align: center">${vote.title}</h2>
					<p style="text-align: right;">文件加载可能存在延迟....</p>
				</div>
				<!--数据列表-->
				<table id="dataList"
					class="table table-bordered" style="color: #0848A7">
					<thead>
						<tr>
							<th class="sorting_asc">序号</th>
							<th class="text-center">标题</th>
							<th class="text-center">投票信息</th>
							<th class="text-center">已投票次数</th>
							<th class="text-center">开始投票</th>
						</tr>
					</thead>
					<tbody>
					<c:if test="${type==0}">
						<c:forEach var="voteitem" items="${voteItems}">
								<tr>
									<td>${status.index+1}</td>
									<td class="text-center">${voteitem.item_title}</td>
									<td class="text-center">
										<img src="${pageContext.request.contextPath}${voteitem.file_url}"style="width:360px;height: 200px;" />
									</td>
									<td class="text-center">${voteitem.times}</td>
									<td class="text-center">
										<svg class="icon" aria-hidden="true" id="vote01" style="display: block;margin: auto;cursor: pointer;color: #E3CD19;"onclick="location.href='${pageContext.request.contextPath}/updateTimes.do?item_id=${voteitem.item_id}&vote_id=${voteitem.vote_id}'">
											<use xlink:href="#icon-dianzan1"></use>
										</svg>
									</td>
								</tr>
						</c:forEach>
					</c:if>

					<c:if test="${type==1}">
						<c:forEach var="voteitem" items="${voteItems}">
							<tr>
								<td>${status.index+1}</td>
								<td class="text-center">${voteitem.item_title}</td>
								<td class="text-center">
									<audio controls="controls" style="width: 240px;">
										<source src="${pageContext.request.contextPath}${voteitem.file_url}" type="audio/ogg">
										<source src="${pageContext.request.contextPath}${voteitem.file_url}" type="audio/mpeg">
									</audio>
								</td>
								<td class="text-center">${voteitem.times}</td>
								<td class="text-center">
									<svg class="icon" aria-hidden="true" id="vote01" style="display: block;margin: auto;cursor: pointer;color: #E3CD19;"onclick="location.href='${pageContext.request.contextPath}/updateTimes.do?item_id=${voteitem.item_id}&vote_id=${voteitem.vote_id}'">
										<use xlink:href="#icon-dianzan1"></use>
									</svg>
								</td>
							</tr>

						</c:forEach>
					</c:if>

					<c:if test="${type==2}">
						<c:forEach var="voteitem" items="${voteItems}" varStatus="status">
							<tr>
								<td>${status.index+1}</td>
								<td class="text-center">${voteitem.item_title}</td>
								<td class="text-center">
									<video width="235" height="145" controls="controls">
										<source src="${pageContext.request.contextPath}${voteitem.file_url}" type="video/ogg" />
										<source src="${pageContext.request.contextPath}${voteitem.file_url}" type="video/mp4" />
										<source src="${pageContext.request.contextPath}${voteitem.file_url}" type="video/webm" />
										<object data="${pageContext.request.contextPath}${voteitem.file_url}" width="320" height="240">
											<embed width="130" height="90" src="${pageContext.request.contextPath}${voteitem.file_url}" />
										</object>
									</video>
								</td>
								<td class="text-center">${voteitem.times}</td>
								<td class="text-center">
									<svg class="icon" aria-hidden="true" id="vote01" style="display: block;margin: auto;cursor: pointer;color: #E3CD19;"onclick="location.href='${pageContext.request.contextPath}/updateTimes.do?item_id=${voteitem.item_id}&vote_id=${voteitem.vote_id}'">
										<use xlink:href="#icon-dianzan1"></use>
									</svg>
								</td>
							</tr>
						</c:forEach>
					</c:if>
					</tbody>
				</table>
				<!--数据列表/-->
			</div>
			<!--工具栏/-->
			</section>

	<script src="${pageContext.request.contextPath}/plugins/jQuery/jquery-2.2.3.min.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/jQueryUI/jquery-ui.min.js"></script>
	<script>
		$.widget.bridge('uibutton', $.ui.button);
	</script>
	<script src="${pageContext.request.contextPath}/plugins/iconfont/iconfont.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/bootstrap/js/bootstrap.min.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/raphael/raphael-min.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/morris/morris.min.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/sparkline/jquery.sparkline.min.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/knob/jquery.knob.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/daterangepicker/moment.min.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.zh-CN.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/datepicker/bootstrap-datepicker.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/slimScroll/jquery.slimscroll.min.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/fastclick/fastclick.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/iCheck/icheck.min.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/adminLTE/js/app.min.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/select2/select2.full.min.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.zh-CN.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/bootstrap-markdown.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/locale/bootstrap-markdown.zh.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/markdown.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/to-markdown.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/ckeditor/ckeditor.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.extensions.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/datatables/jquery.dataTables.min.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.min.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/chartjs/Chart.min.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.min.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.resize.min.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.pie.min.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.categories.min.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.min.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/bootstrap-slider/bootstrap-slider.js"></script>
	<script src="${pageContext.request.contextPath}/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>

	<script>
		$(document).ready(function() {
			// 选择框
			$(".select2").select2();

			// WYSIHTML5编辑器
			$(".textarea").wysihtml5({
				locale : 'zh-CN'
			});
		});

		// 设置激活菜单
		function setSidebarActive(tagUri) {
			var liObj = $("#" + tagUri);
			if (liObj.length > 0) {
				liObj.parent().parent().addClass("active");
				liObj.addClass("active");
			}
		}

		$(document).ready(function() {

			// 激活导航位置
			setSidebarActive("order-manage");

			// 列表按钮 
			$("#dataList td input[type='checkbox']").iCheck({
				checkboxClass : 'icheckbox_square-blue',
				increaseArea : '20%'
			});
			// 全选操作 
			$("#selall").click(function() {
				var clicks = $(this).is(':checked');
				if (!clicks) {
					$("#dataList td input[type='checkbox']").iCheck("uncheck");
				} else {
					$("#dataList td input[type='checkbox']").iCheck("check");
				}
				$(this).data("clicks", !clicks);
			});
		});
	</script>
</body>
</html>